<template>
  <view >
    <view class="title">
      /{{data.cat_name}}/
    </view>
    <view class="cateLevel3">
    <navigator class="cate-item" v-for="(item2,index2) in data.children" :key="index2" :url="'/subpkg/goods_list/goods_list?cid='+item2.cat_id">
        <image :src="item2.cat_icon" style="width:120rpx; height:120rpx;">
        </image>
        <view class="name">{{item2.cat_name}}</view>
      </navigator>
    
    </view>
    
  </view>
</template>

<script>
  export default{
    props:{
      data:{
        type: Object,
              required: true
      }
    }
  }
</script>

<style lang="scss" scoped>
  .title {
    text-align: center;
    color: #575757;
    font-size: 28rpx;
    padding: 20rpx 0;
  }
  
  .cateLevel3 {
    display: flex;
    flex-wrap: wrap;
  
    .cate-item {
      width: 33.33%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-bottom: 20rpx;
    }
    }
</style>